@import url("../../assets/styles/reset.css");

/* bg */
.bg{
  width: 100%;
  height: 100%;
  background-image: linear-gradient(-90deg, #29bdd9 0%, #276ace 100%);
  position: fixed;
  top: 0;
  left: 0;
}
.text{
  position: absolute;
  top: 200px;
  left: 100px;
  font-family: cursive;
  color: #fff;
}
.text > h3{
  font-size: 60px;
}
.text > p{
  font-size: 34px;
}
.logon{
  position: absolute;
  right: 140px;
  width: 480px;
  height: 680px;
  margin-top: -340px;
  top: 50%;
  border-radius: 12px;
  background: rgba(255, 255, 255, .9);
}
.logon .logon_title{
  margin: 50px 0 0 25px;
}
.logon .logon_title h3{
  font-size: 30px;
  color: black;
  font-weight: bold;
}
.logon .logon_title p{
  font-weight: bold;
}
.logon .logon_title p a{
  color: #276ace;
}

/* logon contont */
.logon .logon_content{
  margin-top: 70px;
}
#hint{
  position: absolute;
  width: 317px;
  height: 39px;
  background: black;
  opacity: .5;
  color: #fff;
  text-align: center;
  line-height: 39px;
  top: -45px;
  left: 90px;
  border-radius: 0 0 0 10px;
  display: none;

}
form > div{
  position: relative;
}
label{
  height: 40px;
  line-height: 40px;
  text-align: right;
  width: 80px;
  margin-right: 13px;
  float: left;
  font-weight: bold;
  margin-bottom: 40px;
}
.logon_content  input{
  height: 16px;
  margin-bottom: 40px;
  width: 328px;
  padding: 12px;
  outline-color: #4093ff;
  border: 1px solid #ddd;
  float: left;
}
.logon_content .logon_btn{
  width: 397px;
  height: 48px;
  border-radius: 24px;
  background: #4093ff;
  color: #fff;
  cursor: pointer;
  margin: 0 auto;
  display: block;
  outline:none;
  border: none;
  text-align: center;
  margin-left:50px; 
}
.error{
  color: #f55f;
  position: absolute;
  left: 100px;
  top: 46px;
}
.error-ipt{
  border-color: #f55f !important;
}